table.tabledatos{
    font-family: "Trebuchet MS", sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.4em;
    font-style: normal;
    border-collapse:separate;
    width: 100%;

}
thead{
	display: block; /*obligado*/
	width: 100%;
}
.tbody{
display: block; /*obligado*/
  height: auto; /*la que necesites*/
  overflow: auto; /*obligado*/
  width: 100%;
}
.container{
	height: 100%;
	width: 100%;
/*	background: red;*/
}

.tabledatos thead th{
    padding:3px;
    color:#fff;
    text-shadow:1px 1px 1px #329b1d;
    border:1px solid #93CE37;
    border-bottom:3px solid #329b1d;
    background-color:#329b1d;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, rgb(123,192,67)),
        color-stop(0.51, rgb(139,198,66)),
        color-stop(0.87, rgb(158,217,41))
        );
    background: -moz-linear-gradient(
        center bottom,
        rgb(123,192,67) 2%,
        rgb(139,198,66) 51%,
        rgb(158,217,41) 87%
        );
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    
}

.tabledatos thead th:empty{
    background:transparent;
    border:none;
     
}

.tabledatos tfoot td{
    color: #9CD009;
    font-size:32px;
    text-align:center;
    padding:5px 0px;
    text-shadow:1px 1px 1px #444;
    
}
.tabledatos tfoot th{
    color:#666;
}

.tabledatos tbody td{
  
    text-align:center;
    background-color:#DEF3CA;
    border: 1px solid #E7EFE0;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#666;
    text-shadow:1px 1px 1px #fff;
    width: 100%;
}

.tabledatos tbody span.check::before{
    content : url(../images/aceptar.PNG)
}